<template>
  <div id="app">
    <p class="one">hello</p>
    <music-item v-for="item of musics" :key="item.id" :item="item" ></music-item>
  </div>
</template>

<script>
import MusicItem from "./components/MusicItem.vue";
export default {
  data() {
    return {
      musics: [],
    };
  },
  methods: {
    
  },
  components: {
    MusicItem,
  },
  mounted() {
    this.$http("/mv/first").then((res) => {
      this.musics = res.data.data
    });
  },
};
</script>

<style scoped>
.one {
  color: red;
}
</style>
